<html>

<head>

<title>阿瓦隆</title>

<meta charset="utf-8"/>

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

<link href="lib/element-ui/index.min.css" rel="stylesheet">
<link href="lib/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="common.css" rel="stylesheet">

<script src="lib/vue/vue.min.js"></script>
<script src="lib/element-ui/index.min.js"></script>

<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/bootstrap/bootstrap.min.js"></script>

<script src="common.js"></script>
<script src="create.js"></script>

</head>

<body>

<div id="app" class="container">
	<template>
		<h1 class="text-center">创建房间</h1>
		<div class="text-right">
			<a href="index.html">返回</a>
		</div>
		<hr/>
		<el-form>
			<el-form-item label="人数">
				<el-radio-group v-model="PlayerCount">
					<el-radio-button label="5">5</el-radio-button>
					<el-radio-button label="6">6</el-radio-button>
					<el-radio-button label="7">7</el-radio-button>
					<el-radio-button label="8">8</el-radio-button>
					<el-radio-button label="9">9</el-radio-button>
					<el-radio-button label="10">10</el-radio-button>
				</el-radio-group>
			</el-form-item>
			<el-form-item label="好人">
				<div>共{{Board.Good}}人：
					梅林
					<template v-if="Policy.NeedPai">，派西维尔</template>
					，忠臣×{{PolicyZhongPlayerCount}}
				</div>
				<el-checkbox :value="true" label="梅林" border :disabled="true"></el-checkbox>
				<el-checkbox v-model="Policy.NeedPai" label="派西维尔" border></el-checkbox>
			</el-form-item>
			<el-form-item label="坏人">
				<div>共{{Board.Bad}}人：
					刺客
					<template v-if="Policy.NeedMo">，莫德雷德</template>
					<template v-if="Policy.NeedNa">，莫甘娜</template>
					<template v-if="Policy.NeedAo">，奥伯伦</template>
					<template v-if="PolicyZhuaPlayerCount>0">，爪牙×{{PolicyZhuaPlayerCount}}</template>
				</div>
				<el-row>
					<el-checkbox :value="true" label="刺客" border :disabled="true"></el-checkbox>
					<el-checkbox v-model="Policy.NeedMo" label="莫德雷德" border></el-checkbox>
				</el-row>
				<el-row style="margin-left: 40px">
					<el-checkbox v-model="Policy.NeedNa" label="莫甘娜" border></el-checkbox>
					<el-checkbox v-model="Policy.NeedAo" label="奥伯伦" border></el-checkbox>
				</el-row>
				<el-row style="padding-left: 40px">
					<el-checkbox v-model="Policy.BadShow" label="坏人之间互相知道具体身份" border></el-checkbox>
				</el-row>
			</el-form-item>
			<el-form-item label="轮次">
				<div v-if="Board.HasProtect">第四轮为保护轮，需要2票失败任务才失败</div>
				<div v-else>没有保护轮，所有任务只需一票失败即失败</div>
				<el-radio-group v-model="Policy.Turn">
					<el-radio-button :label="i" v-for="(item, i) in Board.Turn">
						<template v-for="v in item">
							{{v}}
						</template>
					</el-radio-button>
				</el-radio-group>
			</el-form-item>
		</el-form>
		<div class="text-center" style="padding-bottom:10px">
			<el-button type="success" style="width: 100%" v-on:click="Create">创建</el-button>
		</div>
	</template>
</div>

</body>

</html>